import { Component, OnInit } from '@angular/core';
import ScrollOut from "scroll-out";

@Component({
  selector: 'app-uidesign-introduce',
  templateUrl: './uidesign-introduce.component.html',
  styleUrls: ['./uidesign-introduce.component.styl']
})
export class UidesignIntroduceComponent implements OnInit {

  title: string = 'UI设计';
  data: any = [
    {
      img: 'UI1.jpg',
      subheading: 'UI设计',
      heading: '简介.',
      content: ['UI设计（或称界面设计）是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计分为实体UI和虚拟UI，互联网说的UI设计是虚拟UI，UI即User Interface(用户界面)的简称。']
    },
    {
      img: 'UI2.jpg',
      subheading: '职能大体包括三方面',
      heading: '设计内容',
      content: ['一是图形设计，软件产品的产品“外形”设计。',
      '二是交互设计，主要在于设计软件的操作流程、树状结构、操作规范等',
      '三是用户测试/研究，这里所谓的“测试”，其目标恰在于测试交互设计的合理性及图形设计的美观性，主要通过以目标用户问卷的形式衡量UI设计的合理性。'],
    }
  ]
  ngOnInit() {
  }
  ngAfterViewInit(): void {
    ScrollOut({
      cssProps: {
        visibleY: true,
        viewportY: true
      }
    });
  }
}
